<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <!-- 引入VUE.JS-->
    <script th:src="@{/Vue/vue.js}" type="text/javascript" charset="utf-8"></script>
    <!--Axios请求-->
    <script th:src="@{/Vue/axios.min.js}" type="text/javascript" charset="utf-8"></script>
    <!--elementUI-->
    <!-- 引入样式 -->
    <link rel="stylesheet" th:href="@{/Vue/ElemtUI/ElementIndex.css}">
    <!-- 引入组件库 -->
    <script th:src="@{/Vue/ElemtUI/index.js}" charset="utf-8"></script>
    <!--引入加载插件-->
    <link rel="stylesheet" th:href="@{/Vue/nprogress/nprogress.css}">
    <script th:src="@{/Vue/nprogress/nprogress.js}" charset="utf-8"></script>
    <style>
        body{
            background: linear-gradient(to left,#d3959b,#bfe6ba);
        }
    </style>
</head>
<body>

<script type="text/javascript" th:inline="javascript">
    var contentPath = [[${#httpServletRequest.getScheme() + '://' + #httpServletRequest.getServerName() + ':' + #request.getServerPort()  + #request.getContextPath() + '/'}]];
    /*axios拦截器，请求之前加载*/
    axios.interceptors.request.use(config => {
        NProgress.start(); //开始加载状态
        return config;
    }, error => {
        return Promise.reject(error);
    });
    /*axios拦截器，响应之后加载*/
    axios.interceptors.response.use(response => {
        NProgress.done();//完成之后加满
        return response;
    }, error => {
        return Promise.reject(error);
    });
</script>
</body>
</html>